<html>
  <head>
    <meta name="layout" content="hrm" />
    <title>${userInstance?.name}</title>
  </head>
  <body>
    <div class="top-bar">
      <h1>${userInstance?.name}</h1>
      <div class="breadcrumbs">
        <modalbox:createLink controller="user" action="upload" id ="${userInstance?.id}" title="Upload Photo" width="500" class="button">Change Photo</modalbox:createLink>
        |<modalbox:createLink controller="user" action="edit" id ="${userInstance?.id}" title="Edit" width="500" class="button">Edit</modalbox:createLink>
      </div>
    </div><br/>
    <img  src="${createLink(controller:'user', action:'getImageBytes', id:userInstance?.id)}" />
    <div class="table">
      <img src="${resource(dir:'images',file:'bg-th-left.gif')}" width="8" height="7" alt="" class="left" />
      <img src="${resource(dir:'images',file:'bg-th-right.gif')}" width="7" height="7" alt="" class="right" />
      <table class="listing" cellpadding="0" cellspacing="0">
        <tr>
          <td>Cellphone</td>
          <td class="first style1">${userInstance?.cellphone}</td>
        </tr>
        <tr>
          <td>Gender</td>
          <td class="first style1">${userInstance?.gender}</td>
        </tr>
        <tr>
          <td>Salary</td>
          <td class="first style1">$${userInstance?.salary}</td>
        </tr>
        <tr>
          <td>Birthday</td>
          <td class="first style1">${userInstance?.birthday}</td>
        </tr>
        <tr>
          <td>Joinday</td>
          <td class="first style1">${userInstance?.joinday}</td>
        </tr>
        <tr>
          <td>Description</td>
          <td class="first style1">${userInstance?.description}</td>
        </tr>
        <tr>
          <td>Workplace</td>
          <td class="first style1">${userInstance?.workplace}</td>
        </tr>
      </table>
    </div>
  </body>
</html>
